<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Nikunj Tilva | A place where i am available 24x7</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/styles.css" />
	<link rel="stylesheet" href="style.css" />
	<!-- Scripts -->
	
    <script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.roundabout-1.0.min.js"></script> 
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript">		
		$(document).ready(function() { //Start up our Featured Project Carosuel
			$('#featured ul').roundabout({
				easing: 'easeOutInCirc',
				duration: 600
			});
		});
		
		
	</script>  

	<!--[if IE 6]>
	<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
	<script>
	  /* EXAMPLE */
	  DD_belatedPNG.fix('.button');
	  
	  /* string argument can be any CSS selector */
	  /* .png_bg example is unnecessary */
	  /* change it to what suits you! */
	</script>
	<![endif]-->
</head>
<body>
<script type="text/javascript">

    var Header = {
        // Let's write in JSON to make it more modular
        addFade: function(selector) {
            $("<span class=\"fake-hover\"></span>").css("display",
        "none").prependTo($(selector));
            // Safari dislikes hide() for some reason
            $(selector + " a").bind("mouseenter", function() {
                $(selector + " .fake-hover").fadeIn("slow");
            });
            $(selector + " a").bind("mouseleave", function() {
                $(selector + " .fake-hover").fadeOut("slow");
            });
        }
    };
    $(function() {
        Header.addFade("#header");
    });
    
</script>
	<div id="wrapper" class="container_12 clearfix">

		<!-- Text Logo -->
		<h1 id="header" class="grid_4">
		<span class="fake-hover"></span>
		<a href="#">Awesome header</a>
		</h1>
		
		<!-- Navigation Menu -->
		<ul id="navigation" class="grid_8">
			<li><a href="contact.html"><span class="meta">Get in touch</span><br />Contact Us</a></li>
			<li><a href="blog.html"><span class="meta">Latest news</span><br />Blog</a></li>
			<li><a href="portfolio.html"><span class="meta">Our latest work</span><br />Portfolio</a></li>
				
			<li><a href="about.html"><span class="meta">Who are we?</span><br />About</a></li>
			<li><a href="index.html" class="current"><span class="meta">My World</span><br />Family</a></li>
		</ul>
		
		<div class="hr grid_12">&nbsp;</div>
		<div class="clear"></div>
		
		<!-- Featured Image Slider -->
		<div id="featured" class="clearfix grid_12">
			<ul> 
				<li>
					<a href="">
						<span>Obviously this is me.</span>
						<img src="images/IndexImage1.jpg" alt="" />
					</a>
				</li>  
				<li>
					<a href="">
						<span>Dear mummy and papa.</span>
						<img src="images/IndexImage2.jpg" alt="" />
					</a>	
				</li>  
				<li>
					<a href="">
						<span>Jeeju,Khyat,Nishi and Didi.</span>
						<img src="images/IndexImage3.jpg" alt="" />
					</a>
				</li>  
				<li>
					<a href="">
						<span>Jeeju,Didi and Diti(Manmohini).</span>
						<img src="images/IndexImage4.jpg" alt="" />
					</a>
				</li>  
				<li>
					<a href="">
						<span>Respected Dada and Dadi.</span>
						<img src="images/IndexImage5.jpg" alt="" />
					</a>
				</li>  
			</ul> 
		</div>
		<div class="hr grid_12 clearfix">&nbsp;</div>
			
		<!-- Caption Line -->
		<h2 class="grid_12 caption clearfix">Welcome! This is <span>Nikunj</span>, and this is my place available to you 24x7.</h2>
		
		<div class="hr grid_12 clearfix quicknavhr">&nbsp;</div>
		<div id="quicknav" class="grid_12">
			<a class="quicknavgrid_3 quicknav alpha" href="portfolio.html">
					<h4 class="title ">Recent Work</h4>
					<p>Cras vestibulum lorem et dui mollis sed posuere leo semper. </p>
					<p style="text-align:center;"><img alt="" src="images/Art_Artdesigner.lv.png" /></p>
				
			</a>
			<a class="quicknavgrid_3 quicknav" href="about.html">
					<h4 class="title ">Know about me</h4>
					<p>Have some glimpse of my 23 year tour. </p>
					<p style="text-align:center;"><img alt="" src="images/info.png" /></p>
				
			</a>
			<a class="quicknavgrid_3 quicknav" href="http://blog.invinciblecorp.com">
					<h4 class="title ">Read my blog</h4>
					<p>Check out tips tricks for better computing experience. </p>
					<p style="text-align:center;"><img alt="" src="images/Blog_Artdesigner.lv.png" /></p>
				
			</a>
			<a class="quicknavgrid_3 quicknav" href="http://twitter.com/nikunjtilva">
					<h4 class="title ">Follow on Twitter</h4>
					<p>Start following me on twitter for latest technology updates. </p>
					<p style="text-align:center;"><img alt="" src="images/hungry_bird.png" /></p>
			</a>
		</div>
		<div class="hr grid_12 clearfix">&nbsp;</div>
		<!-- Footer -->
		<p class="grid_12 footer clearfix">
			<span class="float"><b>&copy; Copyright</b> <a href="">There's nothing like copy right.</a></span>
			<a class="float right" href="#">top</a>
		</p>
		
	</div><!--end wrapper-->
</body>
</html>
